<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator"
	prefix="decorator"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<decorator:usePage id="mainPage" />
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html {
	height: 100%
}

body {
	height: 100%;
	margin: 0;
	padding: 0
}

#map-canvas {
	height: 100%
}
</style>
<link href="<s:url value='/css/not-ie.css' />" rel="stylesheet"
	type="text/css">
<script type="text/javascript"
	src="https://maps.googleapis.com/maps/api/js?sensor=true">
	
</script>
<script type="text/javascript">
	var map;
	var myCenter = new google.maps.LatLng(19.888140273126222, 99.85198974609375);

	function initialize() {
		var mapProp = {
			center : myCenter,
			zoom : 15,
			mapTypeId : google.maps.MapTypeId.ROADMAP
		};

		map = new google.maps.Map(document.getElementById("googleMap"), mapProp);

		google.maps.event.addListener(map, 'click', function(event) {
			placeMarker(event.latLng);
		});
	}

	function placeMarker(location) {
		var marker = new google.maps.Marker({
			position : location,
			map : map,
		});
		var infowindow = new google.maps.InfoWindow({
			content : 'Latitude: ' + location.lat() + '<br>Longitude: '
					+ location.lng()
		});
		infowindow.open(map, marker);
	}

	google.maps.event.addDomListener(window, 'load', initialize);
	function sf() {

	}
</script>
</head>
<body>
	<s:form>
		<div id="googleMap" style="width:1000px;height:500px;"></div>
	</s:form>
</body>
</html>